<html>
    <!-- ------------------------------------------------------------------- -->
    <!-- extremely basic theme.                                              -->
    <!-- ------------------------------------------------------------------- -->
    <head>
        <title>{Title}</title>
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
        {block:Description}
            <meta name="description" content="{MetaDescription}" />
        {/block:Description}

        <style>
            ol {
                list-style-type: none;
                padding: 0px;
                margin: 0px;

            }
            ol#posts li.post {
                margin-bottom: 1ex;
            }
            ol#posts li.post div.post {
                padding: 1ex;
            }
            table.pageNav {
                width: 100%;
                border-collapse: collapse;
            }
            div.post {
                border: 1px solid hsl(0, 0%, 80%);
            }
            div.like_button {
                 /* display: inline; */
                 display: block;
                 float: left;
                 margin-right: 1em;
            }
            a.reblog_button {
                 /* display: inline; */
                 float: left;
            }
        </style>
    </head>
    <body>
        {block:ShowHeaderImage}
            <div id="headerImage">
                <img src="{HeaderImage}" />
            </div>
        {/block:ShowHeaderImage}

        {block:ShowTitle}
            <h2>{Title}</h2>
        {/block:ShowTitle}

        {block:ShowDescription}
            <div id="description">{Description}</div>
        {/block:ShowDescription}

        <ol id="posts">
            {block:Posts}
                {block:Text}
                    <li class="post text">
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}{Body}
                    </li>
                {/block:Text}
                {block:Photo}
                    <li class="post photo">
                        <div class="post">
                            <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
                            <!--{block:Caption}
                                <div class="caption">{PlaintextCaption}</div>
                            {/block:Caption}
                            -->
                            <div>
                                {LikeButton} &nbsp; {ReblogButton}
                            </div>
                            {block:HasTags}
                                <div class="tags">
                                    Tags:
                                    {block:Tags}
                                        <a href="{TagURL}">{Tag}</a>
                                    {/block:Tags}
                                </div>
                            {/block:HasTags}
                            {block:RebloggedFrom}
                                <div>
                                    Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}.</a>
                                    Original post by <a href="{ReblogRootURL}">{ReblogRootName}</a>
                                </div>
                            {/block:RebloggedFrom}
                            {block:LinkURL}
                                Click through link: <a href="{LinkURL}">{LinkURL}</a>
                            {/block:LinkURL}
                        </div>
                    </li>
                {/block:Photo}
                {block:Panorama}
                    <li class="post panorama">
                        {LinkOpenTag}
                            <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
                        {LinkCloseTag}{block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Panorama}{block:Photoset}
                    <li class="post photoset">
                        {Photoset-500}{block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Photoset}{block:Quote}
                    <li class="post quote">
                        "{Quote}"

                        {block:Source}
                            <div class="source">{Source}</div>
                        {/block:Source}
                    </li>
                {/block:Quote}{block:Link}
                    <li class="post link">
                        <a href="{URL}" class="link" {Target}>{Name}</a>

                        {block:Description}
                            <div class="description">{Description}</div>
                        {/block:Description}
                    </li>
                {/block:Link}{block:Chat}
                    <li class="post chat">
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        <ul class="chat">
                            {block:Lines}
                                <li class="{Alt} user_{UserNumber}">
                                    {block:Label}
                                        <span class="label">{Label}</span>
                                    {/block:Label}{Line}
                                </li>
                            {/block:Lines}
                        </ul>
                    </li>
                {/block:Chat}{block:Video}
                    <li class="post video">
                        {Video-500}{block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Video}{block:Audio}
                    <li class="post audio">
                        {AudioEmbed}{block:Caption}
                            <div class="caption">{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Audio}
            {/block:Posts}
        </ol>

        <div>
            <table class="pageNav">
                <tr>
                    <td colspan="4">
                        Page {CurrentPage} of {TotalPages}
                    </td>
                </tr>
                <tr>
                    <td>
                        {block:PreviousPage}
                            <a href="{PreviousPage}">&#171; Previous</a>
                        {/block:PreviousPage}
                    </td>
                    <td>
                        {block:NextPage}
                            <a href="{NextPage}">Next &#187;</a>
                        {/block:NextPage}
                    </td>
                    <td>
                        <a href="/archive">Archive</a>
                    </td>
                    <td>
                        <a href="{RSS}">RSS feed</a>
                    </td>
                </tr>
            </table>
        </div>
    </body>
</html>
